body,h1,h2,h3,h4,p{
	margin: 0px;
	padding: 0px;
}
main{
	padding: 50px 0px;
	background-image: url(img/wood.png);
}
main>section{
	width: 500px;
	height: 120px;
	margin: 0px auto;
	background-color: mediumspringgreen;
	
	position: relative;
	border-radius: 20px;
	box-shadow: 5px 4px 4px gray;
}
/*奇数项向左偏*/
section:nth-child(2n+1){
	left: -60px;
}
section:nth-child(2n){
	left: 60px;
}
#jl{
	background-color: lightslategray;
	z-index: 900;
	background-image: url(img/diwen.png);
	background-size: 70% auto;
	background-repeat: no-repeat;
	background-position: 70% 20%;
	transform: rotate(-6deg);
}
#grxx{
	background-color: bisque;
	top: -10px;
	z-index: 800;
	transform: rotate(1deg);
}
#lxfs{
	background-color: yellowgreen;
	top: -20px;
	z-index: 700;
	transform: rotate(3deg);
}
#jyjl{
	background-color: palevioletred;
	top: -30px;
	z-index: 600;
	transform: rotate(-8deg);
}
#sjjl{
	background-color: peru;
	top: -40px;
	z-index: 500;
	transform: rotate(6deg);
}
#jnsp{
	background-color: darkcyan;
	top: -50px;
	z-index: 400;
	transform: rotate(-6deg);
}
#zwpj{
	background-color: seagreen;
	top: -60px;
	z-index: 300;
}
#qzyx{
	background-color: firebrick;
	top: -70px;
	z-index: 200;
	transform: rotate(-6deg);
	overflow: hidden;
}
.hole{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-image: url(img/wood.png);
	
	position: absolute;
	left: 10px;
	bottom: 10px;
}

/*(1)简历里面的样式*/
#jl h1{
	color: white;
	font-size: 50px;
	text-align: right;
	padding-right: 20px;
	font-weight: normal;
}
#jl h2{
	color: blue;
	font-size: 40px;
	position: absolute;
	bottom: 10px;
	left: 50px;
}
#jl h2 small{
	display: block;
	color: white;
	font-size: 20px;
}
.header-title{
	text-align: right;
	padding: 10px 15px 5px 0px;
}
#grxx p:nth-of-type(1){
	position: absolute;
	top: 30px;
	left: 100px;
	color: blueviolet;
}
#grxx p:nth-of-type(2){
	position: absolute;
	top: 40px;
	right: 15px;
	color: maroon;
}
.header-whate{
	text-align: right;
	padding: 10px 15px 5px 0px;
	color: white;
}
section p{
	font-size: 14px;
	text-align: right;
}
#lxfs p{
	position: absolute;
	top: 45px;
	right: 15px;
	color: hotpink;
}
#jyjl p{
	position: absolute;
	top: 45px;
	right: 15px;
	color: palegreen;
}
#sjjl p{
	position: absolute;
	top: 45px;
	right: 15px;
	color: khaki;
}
#jnsp p{
	position: absolute;
	top: 45px;
	right: 15px;
	color: darkblue;
}
#zwpj p{
	text-align: left;
}
#zwpj p:nth-of-type(1){
	position: absolute;
	top: 30px;
	left: 45px;
	color: brown;
}
#zwpj p:nth-of-type(2){
	position: absolute;
	top: 102px;
	right: 0px;
	color: fuchsia;
}

#qzyx h3{
	position: absolute;
	top: 30px;
	left: 150px;
	color: white;
}
#qzyx h3:first-letter{
	color: gray;
	z-index: 5;
}
#qzyx h4{
	font-size: 35px;
	color: white;
	position: absolute;
	top: 50px;
	right: 60px;
	z-index: 5;
}
#qzyx #yellow-cirle{
	width: 150px;
	height: 150px;
	background-color: yellow;
	opacity: 0.5;
	border-radius: 50%;
	
	position: absolute;
	top: -10px;
	left: 60px;
}
#qzyx #blue-cirle{
	width: 240px;
	height: 240px;
	background-color: blue;
	opacity: 0.5;
	border-radius: 50%;
	position: absolute;
	top: -80px;
	right: 80px;
}
